<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <!-- 这是个iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；-->
    <meta content="yes" name="apple-mobile-web-app-capable">
    <!-- 全屏显示-->
    <meta name="apple-touch-fullscreen" content="yes">
    <!-- 不要让设备识别电话号码和邮箱地址-->
    <meta content="telephone=no,email=no" name="format-detection">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
    <!-- DNS预解析-->
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <link href="../css/common/reset.css" rel="stylesheet">
    <link href="../css/common/common.css" rel="stylesheet">
    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/test-paper.css" rel="stylesheet">

    <script src="../js/zepto-1.1.4.min.js"></script>

    
    <title>转训考试</title>
    
  </head>
  <body>
    <div class="test-paper">
        <div class="header">
            <span>单选题</span>
            <span>1/20</span>
        </div>
        <div class="container">
            <div class="answer-question-item">
                <p class="question">1、对于B+用户，以下哪些岗位适用于使用</p>
                <div class="answer-box">
                    <div class="answer-item active">
                        <div class="radio"></div>
                        <span class="answer-text">A、制式报表</span>
                    </div>
                    <div class="answer-item">
                        <div class="radio"></div>
                        <span class="answer-text">B、自定义报表</span>
                    </div>
                    <div class="answer-item">
                        <div class="radio"></div>
                        <span class="answer-text">C、明细查询</span>
                    </div>
                    <div class="answer-item">
                        <div class="radio"></div>
                        <span class="answer-text">D、标单历史</span>
                    </div>
                </div>
            </div>

            <div class="btn-box">
                <button class="handler-btn">下一题</button>
            </div>
        </div>
    </div>

    <script src="../js/remset.js"></script>

    <script>
        // 单选点击
        $('.answer-item').click(function() {
            $(this).addClass('active').siblings().removeClass('active')
        })
    </script>
  </body>
</html>